 * {
        margin: 0;
        padding: 0;
      }
      /* 整个 */
      #div1 {
        width: 100%;
        border: 1px solid #cacaca;
      }
     /* ul */
      #a1 {
        display: flex;
        margin: 0;
        height: 50px;
      }
      li {
        width: 5%;
        height: 40px;
        /* border: 1px solid #cacaca; */
        list-style: none;
        text-align: center;
        line-height: 50px;
        font-size: 10px;
        font-weight: bolder 300;
      }
      .lunbo {
        position: relative;
      }
      /* 右边 */
      .a1 {
        width: 50px;
        height: 50px;
        border: 1px solid #fff;
        border-radius: 50px;
        color: #fff;
        font-size: 40px;
        position: absolute;
        top: 300px;
        right: 50px;
      }
      /* 左边 */
      .a2 {
        width: 50px;
        height: 50px;
        border: 1px solid #fff;
        border-radius: 50px;
        color: #fff;
        font-size: 40px;
        position: absolute;
        top: 300px;
        left: 50px;
      }
      /* 轮播图 */
      .i2 {
        height: 600px;
        width: 100%;
      }
      /* 下面的按钮盒子 */
      .d3 {
        width: 500px;
        height: 12px;
        /* background-color: aqua; */
        position: absolute;
      bottom: 40px;
        left: 650px;
      }
      /* 8个按钮 */
      .btn1{
      width:55px;
    height:5px;
   }
   /* 中间图 */
   .img1{width: 100%;
  height: 690px;
  position: relative;
}
/* 图 */
.img11{width: 100%;
     height: 100%;}
     .img2{
       position: absolute;
top: 230px;
left: 270px;
  width:400px ;
height: 190px;
}
/* 购买 */
.img1 button{width:150px ;
height: 40px;
/* background-color: rgb(41, 29, 69); */
/* border: 1px solid rgb(255, 254, 254); */
border-radius: 50px;
/* color: #fff; */
position: absolute;
bottom: 220px;
left: 390px;
}
/* 详情 */
a{color: aqua;
  position: absolute;
bottom: 190px;
left: 430px;
text-decoration: none;
}





/* 四张图 */
.xia img{width:820px;
height: 500px;
float: left;
margin:  5px  ;
margin-left: 10px;}

.zui img{width: 100%;
height: 6 00px;}
/* 三张图 */
.san{width: 100%;
height: 500px;
background-color: rgb(240, 240, 240);
}
.san1{width: 100%;
  height: 500px;
  /* background-color: rgb(240, 240, 240); */
  margin:  0 40px;
margin-left: 100px;}
.san img{width: 450px;
  height: 260px;
  margin: 0 15px;
}
  /* 背景 */
.san h6{color: rgb(124, 124, 173);
/* border: 1px solid #cacaca; */
}
.san2{float: left;
margin-top: 40px;}
.san3{float: left;
  margin-top: 40px;}
  .san4{float: left;
    margin-top: 40px;
 } 
    h4{color: rgb(112, 109, 109);}
 .aa{color: darkgoldenrod;}
 /* 无理由退货 */
  .xia1{width: 50px;
  height: 50px;
border: 2px solid #cacaca ;
border-radius: 50px;
text-align: center;
line-height: 50px;
color: #141414;
float: left;font-size: 8px;
color: #cacaca;
margin:15px 30px;

}  

.xi{width: 300px;
height: 130px;
background-color: #fff;
float: left;
margin-left: 30px;
}
#xi{margin-left: 150px;}
.xia2{
  border: 1px solid #fff;
  margin-right: 180px;
}
 
/* 最后 */
.zuihou{width: 1200px;
height:444px ;
/* background-color: #cacaca; */
float: left;
margin: 0 200px;
}
/* 第一个 */
.ul1{
  /* border: 1px solid #000; */
display: flex;
}
.li1{font-size: 18px;
  /* border: 1px solid #000; */
  width: 200px;
  margin: 50px 0;
}
/* 客服 */
.zaixian{width: 200px;
height: 60px;
/* background-color: #111111; */
color: #fff;
font-size: 20px;
/* border: 1px solid #000; */
border-radius: 30px;
margin-top: 40px;
line-height: 60px;
margin-left:200px;
background-color: #000;}
/* 2个 */
.ul2{display: flex;
  /* border: 1px solid #000; */
}
  .li2{font-size: 13px;
    /* border: 1px solid #000; */
    width: 150px;
  }
  .ul3{display: flex;
    /* border: 1px solid #000; */
  }
    .li3{font-size: 13px;
      /* border: 1px solid #000; */
      width: 150px;
    }
    .ul4{display: flex;
      /* border: 1px solid #000; */
    }
      .li4{font-size: 13px;
        /* border: 1px solid #000; */
        width: 150px;
      }
      .ul5{display: flex;
        /* border: 1px solid #000; */
      }
        .li5{font-size: 13px;
          /* border: 1px solid #000; */
          width: 150px;
        }
        .ul6{display: flex;
          /* border: 1px solid #000; */
        }
          .li6{font-size: 13px;
            /* border: 1px solid #000; */
            width: 150px;  
          }
   
          .ul7{display: flex;
            /* border: 1px solid #000; */
          }
            .li7{font-size: 13px;
              /* border: 1px solid #000; */
              width: 150px;          
            }
.dibu{width: 100%;
height: 200px;
/* border: 1px solid #000; */
float: left;} 

.dibu h3{width: 900px;
height: 100px;
/* background-color: aqua; */
margin: 50px 300px;
}
/* 最下 */
.dibu h5 img{width: 20px;
height: 10px;
float: left;
margin: 4px;}
 
.dibu h3{color: #cacaca;
font-size: 15px;
/* border: 1px solid #000; */
text-align: center;
margin-left: 300px;
}

.dibu h5{
  /* border: 1px solid #cacaca; */
width: 170px;
height: 20px;
border-radius: 10px;
position: absolute;
right: 100px;
top: 4080px;
color: #6e6d6d;
}


/* 头部下拉 */

.xiala{display: none;}
.xiala img{width: 100px ;
  height: 130px;
  border: 1px solid #000;
  margin: 30px 20px 10px 30px;
  float: left;
  margin-left: 200px;
  }
  .xiala h3{margin-left: 200px;
  float: left;
  }

